<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../lib/html5.js"></script>
    <script type="text/javascript" src="../lib/respond.min.js"></script>
    <script type="text/javascript" src="../lib/PIE-2.0beta1/PIE_IE678.js"></script>
    <![endif]-->
    <link href="../css/H-ui.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/H-ui.admin.css" rel="stylesheet" type="text/css" />
    <link href="../lib/icheck/icheck.css" rel="stylesheet" type="text/css" />
    <link href="../lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="/http://lib.h-ui.net/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
	<title>添加用户</title>
</head>
<body>
<div class="pd-20">
	<form method="post" class="form form-horizontal " id="container" v-cloak>
		<input type="hidden" id="id" name="id" v-model="personInfo.id"/>
        <div class="row cl">
            <label class="form-label col-3"><span class="c-red">*</span>账号：</label>
            <div class="formControls col-5">
                <input type="text" class="input-text" v-model="personInfo.accountCode" placeholder="请输入账号"  datatype="*6-16" nullmsg="帐号不能为空">
            </div>
            <div class="col-4"> </div>
        </div>
        <div class="row cl" v-if="action!='update'">
            <label class="form-label col-3"><span class="c-red">*</span>初始密码：</label>
            <div class="formControls col-5">
                <input type="password" placeholder="密码" autocomplete="off" v-model="personInfo.accountPwd" class="input-text" datatype="*6-20" nullmsg="密码不能为空" name="accountPwd">
            </div>
            <div id="pwdErrMsg" class="col-4"><span class="Validform_checktip Validform_wrong errorInfo" v-if="checkPwdRuleErr!=''">{{checkPwdRuleErr}} </span> </div>
        </div>
        <div class="row cl" v-if="action!='update'">
            <label class="form-label col-3"><span class="c-red">*</span>确认密码：</label>
            <div class="formControls col-5">
                <input type="password" placeholder="确认新密码" autocomplete="off" v-model="checkAccountPwd" class="input-text Validform_error" errormsg="您两次输入的新密码不一致！" datatype="*" nullmsg="请再输入一次新密码！" recheck="accountPwd">
            </div>
            <div class="col-4"> </div>
        </div>
		<div class="row cl">
			<label class="form-label col-3">用户名：</label>
			<div class="formControls col-5">
				<input type="text"  placeholder="请输入用户名" class="input-text noInput" v-model="personInfo.realName">
			</div>
			<div class="col-4"> </div>
		</div>
        <!--<div class="row cl">
			<label class="form-label col-3">昵称：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text noInput" v-model="personInfo.nickName">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">出生日期：</label>
			<div class="formControls col-5">
				&lt;!&ndash;<input type="date" placeholder="请选择"  v-model="personInfo.birthday" class="input-text Wdate noInput" style="width:300px;">&ndash;&gt;
                <input type="text" placeholder="请选择" v-model="personInfo.birthday" onclick="WdatePicker()" class="input-text Wdate noInput" style="width:300px;">

            </div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">性别：</label>
			<div class="formControls col-5 skin-minimal">
				<div class="radio-box">
					<input type="radio" id="sex-1" v-model="personInfo.sex" value="1">
					<label for="sex-1">男</label>
				</div>
				<div class="radio-box">
					<input type="radio" id="sex-2" v-model="personInfo.sex" value="0">
					<label for="sex-2">女</label>
				</div>
			</div>
			<div class="col-4"> </div>
		</div>-->
		<div class="row cl">
			<label class="form-label col-3">手机：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text noInput" v-model="personInfo.phoneNum" placeholder="请输入手机号码">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">邮箱：</label>
			<div class="formControls col-5">
				<input type="text" class="input-text noInput" placeholder="请录入邮箱" v-model="personInfo.mail">
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<label class="form-label col-3"><span class="c-red">*</span>角色：</label>
			<div class="formControls col-5">
				<span class="select-box" style="width:150px;">
					<select class="select" size="1" v-model="personInfo.roleCode">
						<option :value="item.roleCode" v-for="(item,index) in roleList">
							{{item.roleName}}
						</option>
					</select>
				</span>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-3">备注：</label>
			<div class="formControls col-5">
				<textarea name="contentDesc" cols="" rows="" v-model="personInfo.contentDesc" class="textarea noInput"  placeholder="说点什么...100个字符以内" dragonfly="true" onKeyUp="textarealength(this,100)"></textarea>
				<p class="textarea-numberbar"><em class="textarea-length">0</em>/100</p>
			</div>
			<div class="col-4"> </div>
		</div>
		<div class="row cl">
			<div class="col-9 col-offset-3">
                <input class="btn btn-primary radius" type="button" @click="update" value=" 更新 " v-if="action">
                <input class="btn btn-primary radius" type="button" @click="save" value=" 添加 " v-else>
			</div>
		</div>
	</form>
</div>
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/icheck/jquery.icheck.min.js"></script>
<script type="text/javascript" src="../lib/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="../js/common/H-ui.js"></script>
<script type="text/javascript" src="../js/common/H-ui.admin.js"></script>
<script type="text/javascript" src="../js/utils/util.js"></script>
<script type="text/javascript" src="../js/utils/utils.js"></script>
<script type="text/javascript" src="../js/currency/vue.js"></script>
<script type="text/javascript" src="../js/currency/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/currency/base.js"></script>
<script type="text/javascript" src="../js/admin-list-add-update.js"></script>

</body>
</html>